.container {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  width: vw(375);
  height: vw(40);
  padding: 0 vw(8);
  background-color: #fff;

  .add_icon {
    display: block;
    width: vw(28);
    height: vw(28);
  }

  .input_content {
    width: vw(264);
    height: vw(36);
    border-radius: vw(2);
    overflow: hidden;
    display: flex;
    align-items: center;
    background-color: rgba(245, 245, 245, 1);
    padding-left: vw(8);
  }

  .search_icon {
    display: block;
    width: vw(28);
    height: vw(28);
  }

  .search_input {
    height: 100%;
    padding: vw(3) vw(6) vw(3) vw(6);
    border: 0;
    background-color: rgba(245, 245, 245, 1);
    flex: 1;
  }

  .search_input:focus {
    outline: none;
  }

  .search_input::placeholder {
    color: rgba(128, 128, 128, 1);
    font-size: vw(16);
  }

  .tool_icon {
    display: block;
    width: vw(28);
    height: vw(28);
  }

  .tool_icon {
    display: block;
    width: vw(28);
    height: vw(28);
  }
}
